<!DOCTYPE html>
<html lang="em">
<head>
	<meta charset="utf-8">
	<title>京东文字导航条</title>
	<style>
		.left-nav{
			width:190px;
			height:270px;
			background-color:#bfa;
			padding:10px 0;

			margin:50px auto;
		}

		

		.left-nav .item{
			height:25px;
			line-height:25px;
			
			padding-left:18px;

			font-size:12px;

		}

		.item:hover{
			background-color:#d9d9d9;
		}

		.item a{

			font-size:14px;
			color:#333;

			text-decoration:none;
		}

	</style>

<body>
	<nav class="left-nav">
		<div class="item">
			<a href="#">手机</a>/<a href="#">运营商</a>/<a href="#">数码</a>
		</div>
		<div class="item">
			<a href="javascript:;">手机2</a>/<a href="javascript:;">运营商2</a>/<a href="javascript:;">数码2</a>
		</div>
		<div class="item">
			<a href="javascript:;">手机</a>/<a href="javascript:;">运营商</a>/<a href="javascript:;">数码</a>
		</div>
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
		
		<div class="item">
			<a href="javascript:;">手机</a>/
			<a href="javascript:;">运营商</a>/
			<a href="javascript:;">数码</a>
		</div>
	</nav>
</body>
</html>